<!--
 * 区域 树-表格管理
 * :
 * @version: 1.0
 * @author: lakeside hubin_yuan.410@hotmail.com
 * @date: 20120-07-14
 * @LastEditors:
 * @LastEditTime:
 -->
<template>
  <el-row :gutter="20" class="wrapper" type="flex">
    <el-col :lg="6" :md="8" :span="8">
      <systemDistrictTree layoutMode="treeDialog" @choiceChange="choiceChange"></systemDistrictTree>
    </el-col>
    <el-col :lg="18" :md="16" :span="16">
      <systemDistrictGrid :parentData="choiceData"></systemDistrictGrid>
    </el-col>
  </el-row>
</template>

<script>
import SystemDistrictTree from './tree'
import SystemDistrictGrid from './grid'

export default {
  name: "systemDistrictManager",
  components: {
    SystemDistrictTree,
    SystemDistrictGrid
  },
  data() {
    return {
      choiceData: {}
    }
  },
  methods: {
    choiceChange(id, data, node) {
      this.choiceData = data
    }
  }
}
</script>

<style lang="scss" scoped>

</style>